<template>
  <div class="homeHead">
    <div class="search">
      <router-link to="/search">
        <i class="iconfont" @click="clickBack">&#xe681;</i>
      </router-link>
    </div>
    <div class="headTab">
      <LaunchTab />
    </div>
    <router-link to="/">
      <div class="sao">
        <i class="iconfont add">+</i>
      </div>
    </router-link>
  </div>
</template>
<script>
import LaunchTab from "./launchTab.vue"
export default {
  name: "LaunchHead",
  data() {
    return {
      
    }
  },
  components: {
    LaunchTab
  },
  methods: {
    clickBack: function(event){
      window.history.back();
    }
  },
}
</script>

<style lang="less" scoped>
  .homeHead{
    width: 100%;
    padding: 30px 10px 10px;
    box-sizing: border-box;
    background-color: #ff406f;
    height: 150px;
    .search,.headTab,.sao{
      float: left;
       color: #fff;
      font-size: 20px;
    }
    .headTab{
      width: 80%;
      text-align: center;
    }
    .sao{
      text-align: right;
    }
    .search,.sao{
      width: 10%;
      a{
        color: #fff;
        i{           
          font-size: 28px;
        }
      } 
    }
  }
  .add{
    font-size: 44px;
    font-weight: 100;
    margin-top: -16px;
    display: inline-block;
  }

</style>



